.selectize-input {
    border: 1px solid var(--component-border-color);
    background: var(--component-background-color);
    position: unset;
}
.selectize-control.multi .selectize-input > div {
    background-color: var(--component-background-color);
    color: var(--text-color);
    border: 1px solid var(--component-border-color);
}

.selectize-control.multi .selectize-input > div.active {
    background-color: var(--selection-color);
    color: var(--text-color);
    border: 1px solid var(--focus-color);
}

.selectize-control.plugin-remove_button .item .remove {
    border-left: 1px solid var(--component-border-color);
}

.selectize-control.plugin-remove_button .item.active .remove {
    border-left: 1px solid var(--component-border-color);
}

.selectize-dropdown {
    background: var(--component-background-color);
    border: 1px solid var(--component-border-color);
}

.selectize-dropdown .active {
    background-color: var(--selection-color);
    color: var(--text-color);
    border: 1px solid var(--component-border-color);
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: var(--text-color);

    /*in excel theme resizable-window.css .modal-form sets z-index to 1000, in bootstrap theme by default z-index of the modal-windows is 1055
        as the selectize uses its own css-classes which do not overlap with excel and bootstrap css-classes,
        we will use the z-index used for .dropdown-menu.lsf-dropdown in the bootstrap theme - 1070*/
    z-index: 1070;
}
